// “关于我们页”样式
@charset 'utf-8';
@import "reset";
$width:100%;
main {
    // 关于我们页面的“关于我们”部分样式
    .about-us {
        width: $width;
        background-color: #fff;
        .container {
            width: 100%;
            margin-top: 95px;
            .title {
                width: 1200px;
                height: 76px;
                text-align: center;
                position: relative;
                margin: 0 auto;
                .chineseTitle {
                    h1 {
                        font-size: 32px;
                        color: #333;
                        font-weight: 500;
                    }
                }
                .englishTitle {
                    width: 200px;
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    margin-left: -100px;
                    h1 {
                        font-size: 22px;
                        color: #666;
                    }
                }
            }
            .main-about-us {
                width: 100%;
                margin-top: 60px;
                .about-us-box1 {
                    width: 1200px;
                    margin: 0 auto;
                    display: flex;
                    justify-content: space-between;
                    li {
                        width: 50%;
                        height: 320px;
                        .about-imgBox {
                            font-size: 0; //清除图片之间的间隙
                            width: 100%;
                        }
                        p {
                            font-family: MicrosoftYaHei;
                            font-size: 14px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 22px;
                            letter-spacing: 0px;
                            color: #999999;
                            padding-left: 15px;
                        }
                    }
                }
                .about-us-box2 {
                    position: relative;
                    width: $width;
                    height: 300px;
                    // background-color: pink;
                    background: url(../images/aboutUsBg.png);
                    .box2Text {
                        position: absolute;
                        width: 648px;
                        height: 120px;
                        // background-color: pink;
                        margin: 0 auto;
                        top: 50%;
                        left: 50%;
                        margin-top: -60px;
                        margin-left: -324px;
                        p {
                            line-height: 23px;
                            font-size: 14px;
                        }
                    }
                    .selectGroup {
                        // width: 360px;
                        height: 40px;
                        // background-color: aqua;
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        font-size: 0;
                        li {
                            display: inline-block;
                            width: 103px;
                            height: 40px;
                            background-color: #fff;
                            margin-right: 30px;
                            font-size: 16px;
                            text-align: center;
                            vertical-align: top;
                            line-height: 40px;
                        }
                        li:last-child {
                            // display: inline-block;
                            margin-right: 0;
                            button {
                                height: 41px;
                                width: 100%;
                                // outline: none;
                                border: 0;
                                background-color: #f9a474;
                                color: #fff;
                                font-size: 16px;
                            }
                        }
                    }
                }
            }
        }
    }
    //  关于我们页面的“经营理念”样式
    .bussiness-phil {
        // height: 800px;
        width: $width;
        // height: 100%;
        background: url(../images/businessBg.png);
        background-size: cover;
        border: 1px solid #000;
        box-sizing: border-box;
        .container {
            width: 1200px;
            // height: 100%;
            // background-color: pink;
            margin: 0 auto;
            // margin-top: 90px;
            margin-bottom: 90px;
            z-index: 3;
            .title {
                width: 100%;
                height: 90px;
                text-align: center;
                position: relative;
                // background-color: pink;
                margin: 0 auto;
                margin-top: 90px;
                .chineseTitle {
                    h1 {
                        font-size: 32px;
                        color: #fff;
                        font-weight: 500;
                    }
                }
                .englishTitle {
                    width: 100%;
                    margin-top: 20px;
                    h1 {
                        font-size: 22px;
                        color: rgba($color: #fff, $alpha: .7);
                    }
                }
                hr {
                    width: 81px;
                    position: absolute;
                    left: 50%;
                    margin-left: -40px;
                    margin-top: 15px;
                    color: rgba($color: #ffffff, $alpha: 0.1);
                }
            }
            .bussinessCon {
                width: 412px;
                h3 {
                    font-size: 16px;
                    text-align: center;
                    color: #f9a474;
                    line-height: 28px;
                }
                p {
                    text-indent: 24px;
                    font-size: 14px;
                    color: rgba($color: #dbdbdb, $alpha: 0.5);
                    line-height: 24px;
                }
            }
        }
    }
    //  关于我们页面的“质量生产”样式
    .quality-production {
        width: $width;
        margin-bottom: 86px; //下外边距设置为86px，撑开距离
        .container {
            width: 1200px;
            height: 100%;
            margin: 0 auto; //居中
            margin-top: 90px;
            .title {
                width: 100%;
                height: 64px;
                text-align: center;
                position: relative;
                .chineseTitle {
                    h1 {
                        font-size: 32px;
                        color: #333;
                        font-weight: 500;
                    }
                }
                .englishTitle {
                    margin-top: 15PX;
                    h1 {
                        font-size: 18px;
                        color: #666;
                    }
                }
            }
            .quality-box {
                display: flex;
                justify-content: space-between; //弹性布局，让两个盒子靠两边对齐，中间留出空隙
                width: 100%;
                height: 540px;
                margin-top: 60px;
                font-size: 0;
                .quality-left {
                    width: 590px;
                    height: 100%;
                    .left-img {
                        width: 379px;
                        margin: 0 auto;
                    }
                    h3 {
                        margin-top: 20px;
                        text-align: center;
                        font-family: MicrosoftYaHei;
                        font-size: 16px;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 30px;
                        letter-spacing: 0px;
                        color: #f9a474;
                    }
                    p {
                        text-indent: 24px;
                        font-family: MicrosoftYaHei;
                        font-size: 14px;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 22px;
                        letter-spacing: 0px;
                        color: #999999;
                    }
                }
                .quality-right {
                    width: 590px;
                    height: 100%;
                    .right-img {
                        width: 379px;
                        margin: 0 auto;
                    }
                    h3 {
                        margin-top: 20px;
                        text-align: center;
                        font-family: MicrosoftYaHei;
                        font-size: 16px;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 26px;
                        letter-spacing: 0px;
                        color: #f9a474;
                    }
                    p {
                        text-indent: 24px;
                        font-family: MicrosoftYaHei;
                        font-size: 14px;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 22px;
                        letter-spacing: 0px;
                        color: #999999;
                    }
                }
            }
        }
    }
}